<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/Unstyle.css">
</head>
<header></header>
<body>
    
    <main class="body-da">
        <div class="shangpin">
            <div>
                <div class="shangtu"><img src="img/1/jingling.png" alt=""></div>
                <div class="shangzi">222</div>
            </div>
            <div>
                <div class="shangtu"><img src="img/1/jingling.png" alt=""></div>
                <div class="shangzi">222</div>
            </div>
            <div>
                <div class="shangtu"><img src="img/1/jingling.png" alt=""></div>
                <div class="shangzi">222</div>
            </div>
            <div>
                <div class="shangtu"><img src="img/1/jingling.png" alt=""></div>
                <div class="shangzi">222</div>
            </div>
            <div>
                <div class="shangtu"><img src="img/1/jingling.png" alt=""></div>
                <div class="shangzi">222</div>
            </div>
            <div>
                <div class="shangtu"><img src="img/1/jingling.png" alt=""></div>
                <div class="shangzi">222</div>
            </div>
            <div>
                <div class="shangtu"><img src="img/1/jingling.png" alt=""></div>
                <div class="shangzi">222</div>
            </div>
            <div>
                <div class="shangtu"><img src="img/1/jingling.png" alt=""></div>
                <div class="shangzi">222</div>
            </div>
            <div>
                <div class="shangtu"><img src="img/1/jingling.png" alt=""></div>
                <div class="shangzi">222</div>
            </div>
            <div>
                <div class="shangtu"><img src="img/1/jingling.png" alt=""></div>
                <div class="shangzi">222</div>
            </div>
        </div>

        <div class="lunbo">
            <div class="zuoyou">
                <div><img src="img/2/zuo.png" alt=""></div>
                <div><img src="img/2/you.png" alt=""></div>
            </div>
            <div class="dian">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </div>
        </div>


    <div class="threetu">
        <div><img src="img/2/1-1.png" alt=""></div>
        <div><img src="img/2/1-2.png" alt=""></div>
        <div><img src="img/2/1-3.png" alt=""></div>

    </div>

    <div class="twotu">
        <h2>更多精彩</h2>
        <div>
            <div><img src="img/2/2-1.png" alt=""></div>
            <div><img src="img/2/2-2.png" alt=""></div>
        </div>
    </div>


    <div class="box">
        <h2>航拍无人机</h2>
        <div>
            <div class="ba-shang">
                <div>
                    <div class="ba-shangtu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-shangwenzi">
                        <div class="ba-ming">DJIl Mini 3 Pro</div>
                        <div class="ba-jieshao">轻巧便携，搭载1/1.3"感光元件，带来影像性能大跃升，更将创新构型、智能功能、避障系统集于—身，全方位革新航拍体验。</div>
                        <div class="ba-jiage">￥4788</div>
                    </div>
                </div>
                <div><video controls autoplay muted loop width="800px">
                        <source src="http://image.xtep.com.cn/uploads/video/37e62345123a1be272f8b.mp4">
                    </video></div>
            </div>
            <div class="ba-gongge">
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
            </div>
            <div class="ba-gongge">
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
            </div>

        </div>
    </div>

    <div class="box">
        <h2>手持拍摄设备</h2>
        <div>
            <div class="ba-shang">
                <div>
                    <div class="ba-shangtu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-shangwenzi">
                        <div class="ba-ming">DJIl Mini 3 Pro</div>
                        <div class="ba-jieshao">轻巧便携，搭载1/1.3"感光元件，带来影像性能大跃升，更将创新构型、智能功能、避障系统集于—身，全方位革新航拍体验。</div>
                        <div class="ba-jiage">￥4788</div>
                    </div>
                </div>
                <div><video controls autoplay muted loop width="800px">
                        <source src="http://image.xtep.com.cn/uploads/video/37e62345123a1be272f8b.mp4">
                    </video></div>
            </div>
            <div class="ba-gongge">
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
            </div>
            <div class="ba-gongge">
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
            </div>

        </div>
    </div>

    <div class="box">
        <h2>商用产品及方案</h2>
        <div>
            <div class="ba-shang">
                <div>
                    <div class="ba-shangtu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-shangwenzi">
                        <div class="ba-ming">DJIl Mini 3 Pro</div>
                        <div class="ba-jieshao">轻巧便携，搭载1/1.3"感光元件，带来影像性能大跃升，更将创新构型、智能功能、避障系统集于—身，全方位革新航拍体验。</div>
                        <div class="ba-jiage">￥4788</div>
                    </div>
                </div>
                <div><video controls autoplay muted loop width="800px">
                        <source src="http://image.xtep.com.cn/uploads/video/37e62345123a1be272f8b.mp4">
                    </video></div>
            </div>
            <div class="ba-gongge">
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
            </div>
            <div class="ba-gongge">
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
                <div>
                    <div class="ba-gonggetu"><img src="img/1/da1.png" alt=""></div>
                    <div class="ba-gonggeming">DJl Mavic 3</div>
                    <div class="ba-gonggejiage"> ￥12888</div>
                </div>
            </div>

        </div>
    </div>

    <div class="box1">
        <h2>增值服务</h2>
        <div class="ba-gongge">
            <div>
                <div class="ba-gonggetu"><img src="img/2/9-1.png" alt=""></div>
                <div class="ba-gonggeming">DJl Mavic 3</div>
                <div class="ba-gonggejiage"> ￥12888</div>
            </div>
            <div>
                <div class="ba-gonggetu"><img src="img/2/9-1.png" alt=""></div>
                <div class="ba-gonggeming">DJl Mavic 3</div>
                <div class="ba-gonggejiage"> ￥12888</div>
            </div>
            <div>
                <div class="ba-gonggetu"><img src="img/2/9-1.png" alt=""></div>
                <div class="ba-gonggeming">DJl Mavic 3</div>
                <div class="ba-gonggejiage"> ￥12888</div>
            </div>
            <div>
                <div class="ba-gonggetu"><img src="img/2/9-1.png" alt=""></div>
                <div class="ba-gonggeming">DJl Mavic 3</div>
                <div class="ba-gonggejiage"> ￥12888</div>
            </div>
        </div>
    </div>
    <div class="cheng"></div>

    </main>

<div class="cebianlan"></div>
</body>
<footer></footer>


</html>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/index.js"></script>
<script>
    $("header").load("head.html")
    $("footer").load("footer.html")
    $(".cebianlan").load("cebianlan.html")
</script>